<template>
  <div class="error">
    <div class="stars"></div>
    <div class="sun-moon">
      <div class="sun"></div>
      <div class="moon"></div>
    </div>
    <div id="js-hills" class="background hills"></div>
    <div id="js-country" class="background country"></div>
    <div id="js-foreground" class="background foreground"></div>
    <div class="error-content">
      页面走丢啦 
    </div>
    <a href="/" class="button-home">什么玩意，回首页吧</a>
    <div class="code">
      <span>4</span><span>0</span><span>4</span>
    </div>
  </div>
</template>

<script>
export default {
  name:"error"
};
</script>
<style scoped>
  @import '../../assets/css/404.css';
</style>